﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ext.Master" AutoEventWireup="true" CodeBehind="Ext.DateTime.aspx.cs" Inherits="Demo.Form.Ext_DateTime" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create('Ext.form.Panel', {
                title: 'Time Card',
                width: 300,
                bodyPadding: 10,
                renderTo: Ext.getBody(),
                items: [{
                    xtype: 'timefield',
                    name: 'in',
                    fieldLabel: 'Time In',
                    minValue: '6:00 AM',
                    maxValue: '8:00 PM',
                    increment: 30,
                    anchor: '100%'
                }, {
                    xtype: 'timefield',
                    name: 'out',
                    fieldLabel: 'Time Out',
                    minValue: '6:00 AM',
                    maxValue: '8:00 PM',
                    increment: 30,
                    anchor: '100%'
                }, {
                    xtype: 'datefield',
                    anchor: '100%',
                    fieldLabel: 'From',
                    name: 'from_date',
                    format: 'Y-m-d',
                    maxValue: new Date()  // limited to the current date or prior
                }, {
                    xtype: 'datefield',
                    anchor: '100%',
                    fieldLabel: 'To',
                    name: 'to_date',
                    value: new Date()  // defaults to today
                }]
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
